<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>制作简易的当当购物车页面</title>
    <link type="text/css" rel="stylesheet" href="cartStyle.css" />
    <script type="text/javascript">
    	//关闭当前页面函数
    	function clos(){
    		var q = confirm("确认要关闭当前页面吗？")
    		if (q == true) {
    			window.close();
    		} else {
    			alert("你取消了关闭！");
    		}
    	}
    	//移入收藏函数
    	function yidong() {
    		var q = confirm("移入收藏后，将不再购物车显示，是否继续？");
    		if (q == true) {
    			alert("移入收藏成功！");
    		} else {
    			alert("你取消了移入收藏！");
    		}
    	}
    	//删除函数
    	function del(){
    		var q = confirm("你确认要删除商品吗？");
    		if (q == true) {
    			alert("删除商品成功！");
    		} else {
    			alert("你取消了删除！");
    		}
    	}
    	//结算函数
    	function over(){
    		var q = confirm("你本次购买的商品如下：\n 商品名称：岛上白岩松\n  商品数量：2件\n 商品总计：46.00");
    		if (q == true) {
    			alert("你的订单已提交");
    		} else {
    			alert("你取消了订单！");
    		}
    	}
    </script>
</head>
<body>
<div class="content">
    <div class="logo">
        <img src="images/dd_logo.jpg"><span onclick="clos()">关闭</span>
    </div>
    <div class="cartList">
        <ul>
            <li onclick="yidong()">移入收藏</li>
            <li onclick="del()">删除</li>
            <li onclick="yidong()">移入收藏</li>
            <li onclick="del()">删除</li>
            <li onclick="over()"><span>结 算</span></li>
        </ul>
    </div>
</div>
</body>
</htm